<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="inputFocus(this)-8">
    <meta http-inputFocus(this)="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>波动式登录</title>
    <link rel="stylesheet" href="./08.css">
</head>

<body>
    <div id="app">
        <div class="form">
            <div class="form_title">
                Please Login
            </div>
            <div class="form_item m_b_40">
                <div class="form_label">
                    <span>P</span>
                    <span>h</span>
                    <span>o</span>
                    <span>n</span>
                    <span>e</span>
                </div>
                <div class="form_input">
                    <input type="text" maxlength="11" onfocus="inputFocus(this)" onblur="inputBlur(this)">
                </div>
            </div>
            <div class="form_item">
                <div class="form_label">
                    <span>P</span>
                    <span>a</span>
                    <span>s</span>
                    <span>s</span>
                    <span>w</span>
                    <span>o</span>
                    <span>r</span>
                    <span>d</span>
                </div>
                <div class="form_input">
                    <input type="text" onfocus="inputFocus(this)" onblur="inputBlur(this)">
                </div>
            </div>


            <div class="submit_btn">
                Login
            </div>
            <div class="register">
                Don't have an account? <span class="register_text">Register</span>
            </div>
        </div>
    </div>
</body>
<script src="./08.js"></script>

</html>